page{background-color:#f0f0f0;height:100%}
.index{padding-bottom:100rpx;
    .user{background-color:#724DFF;padding:30rpx;box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin-bottom:50rpx;
        image{width:70rpx;height:70rpx;border-radius:90rpx;margin-right:20rpx;border:solid 4rpx #FFF;}
        text{font-size:28rpx;color:#fff;font-weight:bold;}
    }

    .gift{background-color:#fff;padding:50rpx 30rpx;box-sizing:border-box;margin-bottom:30rpx;
        .title{font-size:28rpx;color:#333;font-weight:bold;margin-bottom:30rpx;text-align:center;}
        .inner{display:flex;flex-direction:column;align-items:center;border-radius:20rpx;
            image{width:100%;height:200rpx;border-radius:10rpx;}
            .name{color:#1A195E;font-weight:bold;padding:30rpx;box-sizing:border-box;}
        }
    }
    
    .handle{padding:30rpx;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;
        .btn{background-color:#fff;margin-top:30rpx;border-radius:50rpx;font-size:28rpx;height:96rpx;line-height:96rpx;color:#666;font-weight:bold;}
    }

    .helpedList{padding:30rpx;box-sizing:border-box;background-color:#fff;
        .title{font-size:28rpx;color:#999}
        .list{padding:30rpx 0;
            .li{display:flex;align-items:center;padding-bottom:30rpx;margin-bottom:30rpx;border-bottom:solid 2rpx #eee;
                image{width:80rpx;height:80rpx;border-radius:10rpx;margin-right:20rpx;}
                .content{display:flex;flex-direction:column;justify-content:space-between;
                    .nickname{font-size:28rpx;color:#333;font-weight:bold;}
                    .time{font-size:28rpx;color:#999;}
                }
            }
        }
    }

    .helpedTip{text-align:center;font-size:28rpx;color:#999;padding-top:30rpx;}
}